<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>jQuery Chord Transposer</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.transposer.js"></script>
  <script type="text/javascript">
    $(function() {
    	$("pre").transpose();
    });
  </script>
  <link rel="stylesheet" type="text/css" href="jquery.transposer.css" />
</head>
<body style="margin: 30px">
  <pre data-key="C">
       C              G                 Am          F
When I find myself in times of trouble, Mother Mary comes to me
C                 G              F   C/E   Dm   C
Speaking words of wisdom, let it be

    C             G                Am                F
And in my hour of darkness, She is standing right in front of me
C                 G              F   C/E   Dm   C
Speaking words of wisdom, let it be

       Am         G          F          C
Let it be, let it be, let it be, let it be
                 G              F   C/E   Dm   C
Whisper words of wisdom, let it be
  </pre>
  
  <div style="margin-top: 30px; border-top: solid 1px #ddd;padding-top: 15px;font: normal 11px sans-serif">
  <p>jQuery Chord Transposer plugin v1.0<br/>
			<a href="http://codegavin.com/projects/transposer">http://codegavin.com/projects/transposer</a></p>

  <p>&copy;Copyright 2010, Jesse Gavin<br/>
					Dual licensed under the MIT or GPL Version 2 licenses.<br/>
					<a href="http://codegavin.com/license">http://codegavin.com/license</a></p>
     </div>
</body>
</html>